/*	---------------------------------------------------------------------------------------
Dr. Penny Chow
===========
:Author:    Cody Xu
:Date:      4/18 /2017	
:Revision:  Version 5
  ---------------------------------------------------------------------------------------	*/
/*	---------------------------------------------------------------------------------------
  Default styles
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  
html,body {
	margin:0px;
	padding:0px;
	background: #B6C0D2 url(../images/bg-body.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	min-height:100%;
	height:100%;
		  }
body {
	font-size:75%;
	color:#000000;
		  }
table, td, th {
	font-size:13px}	
p, h1, h2, h3, h4, form, ul, li, dl, dt, dd {
  padding:0px;
  margin:0px;
  font-size:100%
}
ul,  li, dl, dt, dd {
  padding:0px;
  margin:0px;
  font-size:11px;
  line-height:20px
}
ul li {
	list-style:circle;
	list-style-position:inside;
	color:black;
	
	}
ol {list-style:decimal}

p {
	line-height:22px;
	font-size:12px;
	font-weight: normal;
	padding: 5px 10px;
	margin: 0;
}
a {
	color:black;
  text-decoration:underline;
 
  outline:none;
  
  font-size:100%;
  font-weight:normal
}
		  
a:hover { color:gray;

}
a:visited {
  color:gray
}	
img {
	border:0px}
.cleary {
  clear: both;
  height: 0;
  display:block;
  background:transparent;
  float:none
}
/*	---------------------------------------------------------------------------------------
  Typography
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  h1,h2,h3,h4,h5,h6, fieldset legend {
	font-family:Arial, Helvetica, sans-serif;
	padding:0 5px 5px 5px;
	margin:5px
}
 
  h1 {font-size:28px;
  font-weight:normal}
  
  h2 {
		font-size:24px;
		font-weight:normal
	}
  .news h2{padding-bottom:20px}
  h3 {
		font-size:20px;
		font-weight:normal}
  h4 {
		font-size:16px;
		font-weight:normal;
  }
  h5 {
		font-size:14px;
		font-weight:normal; 
		margin:0 10px; 
		padding:0
	}
  
  #left_col h4{
	  border-top:1px dashed #3dac4c; 
	  padding:10px 0 0 0;
	  width:40%
	}


 #sidebar h3, #sidebar h4 {
	font-size:24px;
	font-weight:normal;
	color: #000000;
	margin: -20px auto 0 auto;
	padding: 0 10px;
	text-align: center;
}
  
  h1#logo {margin:0; padding:7px 0 0 16px; margin-bottom:6px}
  h1#logo a {background:url(../images/flower-logos.png) 0 0 no-repeat;
  width:120px;
  height:88px;
  display:block;
  text-indent:-999999px;
  float:left;
  }
  
  span#promo {display:block;
  background:url(../images/logo.png) 0 0 no-repeat;
  width:800px;
  height:101px;
  margin:-10px 0 0 0px;
  float:left;
  text-indent:-999999px}
  acronym {border:none}
  strong.underline {border-bottom:1px dashed #fff}
  
  
/*	---------------------------------------------------------------------------------------
  Layout boxes
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  
/*	
Header
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#header {
	height:156px;
	background:url(../images/bg-head.jpg) repeat-x; 
	width: 1000px;
	margin: auto;
}
/*	
 Content
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#content {background: url(../images/bg-content.png) 0 0 repeat-y;
	width:1000px;
	height:100%;
	padding:0 0px;
	margin:auto
}

#content span {
	width:1000px; margin:auto; display:block}

#content span.cleary {
	width:0%;
	float:none;
	display: block;
}

 /*	---------------------------------------------------------------------------------------
  Navigation and lists
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*	
  Main Navigation Bar
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  
  ul#mainnav {width:1000px;
	background-color: #BB9BFF;
	height:65px;
	display:block;
	float:left;
	margin:-6spx 5px 0 0;
	padding:0;
	list-style:none;
}
ul#mainnav li {float:left;
    margin:0 0px 0 0;
    padding:0;
	background:transparent;
	height:60px;
	font-size:18px;
	font-family:Arial Narrow;
	list-style:none;
	
}

ul#mainnav li a {display:inline-block;
height:29px;
color:#000000;
border-radius: 4px;
float: left;
background-position:0px -47px;
background-repeat:no-repeat}

ul#mainnav li a:hover, ul#mainnav li#current a {
	background-color: #BB9BFF;
	border: none;
	color:white;
	text-align: center;
	height:29px;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
	font-size: 18px;
	width:60px
    opacity: 0;
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -moz-animation: fadein 1s; /* Firefox */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera */
    animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

li a.home{
	background-color: #BB9BFF; 
	border: none;
	padding: 22px 32px 14px 32px;
	color: white;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 18px;
	width:65px}
li a.about{
	background-color: #BB9BFF; 
	border: none;
	padding: 22px 32px 14px  32px;
	color: white;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 18px;
	height:45;
	width:65px;
	}
li a.patient-education{
	background-color: #BB9BFF; 
	border: none;
	padding: 14px 32px 22px  32px;
	margin: 0px 0px 0px 0px;
	color: white;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 18px;
	width:65px}
li a.patient-information{
	background-color: #BB9BFF; 
	border: none;
	padding: 14px 32px 22px  32px;
	color: white;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 18px;
	width:65px}
li a.contact{
	background-color: #BB9BFF; 
	border: none;
	padding: 22px 32px 14px 32px;
	color: white;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 18x;
	width:73px
	}
/*	
  Footer
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#footer {
	width:1008px;
	height:39px;
	margin:auto;
	text-align: center;
	font-size: 11px;
	padding: 40px 0 0 0;
	position:relative;
	bottom:0;
	background-color:#BB9BFF;
	
}

ul#footer {
	width:750px;
	background-color:#BB9BFF;
	height:20px;
	display:block;
	float:middle;
	margin:0px 5px 0 0;
	padding:0 0 0px 250px ;
	list-style:none;
	

}
ul#footer li {
	float:left;
    margin:0 0 0 0;
    padding:0;
	background:transparent;
	height:20px;
	font-size:10px;
	font-family:Arial Narrow;
	list-style:none;
	border-right-style:solid;
	border-width:1px;
	padding:0 5px 0px 5px;

}	
ul#footer li.last {
	float:left;
    margin:0 0 0 0;
    padding:0;
	background:transparent;
	height:20px;
	font-size:10px;
	font-family:Arial Narrow;
	list-style:none;
	border-right-style:none;
	border-width:1px;
	padding:0 5px 0px 5px;	
}
/*	
  Body and Content - Columns: Left side
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#cols {
	background: url(../images/bg-top-cont.png);
	padding: 20px 0 40px 0;
	min-height:100%;
	}
#left_col {
	width:642px;
	float:left;
	padding: 0 10px;
}
  #left_col ul {
	margin:10px;
	width:100%
}
#left_col ul li {font-size:12px; line-height:26px; background:url(images/bg-li.gif) 0 8px no-repeat; padding:0 0 0 20px}
#left_col ul li span {font-size:16px; }
#left_col span {
	display:inline}
.left{float:left; display:block}


/*	
  Body and Content - Columns: Right side
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#right_col {
	width:322px;
	float:left;
	margin:25px 0 0 15px
}
.right {float:right; display:inline;
margin: 2px;
border: 0px;
padding:0px;
width:450px;
}
#sidebar{
padding: 0;
background:url(images/bg-sidebar.gif)  no-repeat scroll 0px bottom;
margin:0;
padding-bottom: 34px;
width:311px;
}
#sidebar ul {width:280px;
padding:0 20px 60px 20px;
margin:20px 0 20px -10px;
}
#sidebar ul li {list-style:none;
line-height:38px;
border-bottom:1px dashed #3e82a4;
padding: 0 40px;
font-size:14px
}

 /* IE pngfix*/
h1#logo a, span#promo{ behavior:url(iepngfix.htc); }